<template>
	<div class="wraper" :class="{padTop:isIphoneX,iphone:isIphone,isMYKEY:isMYKEY}">
		<div class="nav-bar">
			<div class="arrow" @click="goBack"></div>
		</div>
		<div class="content">
			<h1>其他地区或证件认证</h1>
			<div class="item">
				<span class="label one-line">地区<i>(Region)</i></span>
				<input type="text" @blur="blur" v-model="place" placeholder="请输入地区">
			</div>
			<div class="error">{{error1}}</div>
			<div class="item">
				<span class="label one-line">姓名<i>(Name)</i></span>
				<input type="text" @blur="blur" v-model="name" placeholder="请输入姓名">
			</div>
			<div class="error">{{error2}}</div>
			<div class="item">
				<span class="label one-line">证件类型<i>(Certificate Type)</i></span>
				<input style="-webkit-flex-grow: 1;-moz-flex-grow: 1;-ms-flex-grow: 1;-o-flex-grow: 1;flex-grow: 1;width:30%;" type="text" @blur="blur" v-model="IDtype" placeholder="请输入证件类型">
			</div>
			<div class="error">{{error3}}</div>
			<div class="item">
				<span class="label one-line">证件号码<i>(ID Number)</i></span>
				<input type="text" @blur="blur" v-model="IDCode" placeholder="请输入证件号码">
			</div>
			<div class="error">{{error4}}</div>
		</div>
		<div class="btn">
			<van-button @click="upload" :loading="loading" clas="btn" type="primary" color="#1C4D7F">提交</van-button>
		</div>
	</div>
</template>
<script src="./goRealName2.js"></script>
<style scoped>
	@import './goRealName2.css';
</style>